<?php 
	$rubrics = array (
		"Information Rubric" => array(
			"Facts" => array(
				"A" => "10 facts (written in complete thoughts)",
				"B" => "8 facts (written in complete thoughts)",
				"C" => "6 facts (written in complete thoughts)",
				"D" => "4 facts (written in complete thoughts)",
				"F" => "Any number of facts (not written in complete thoughts)",
			),
			"Sources" => array(
				"A" => "4 sources (all reliable)",
				"B" => "3 sources (all reliable)",
				"C" => "2 sources (all reliable)",
				"D" => "2-4 sources (reliable and unreliable)",
				"F" => "1 source OR all sources unreliable OR did not list sources",
			),
			"Graphs/Charts" => array(
				"A" => "2 graphs or charts (all with complete labels)",
				"B" => "2 graphs or charts (1 with complete labels, 1 with incomplete labels)",
				"C" => "1 graph or chart (with complete labels)",
				"D" => "1 graph or chart (with incomplete labels)",
				"F" => "0 graphs or charts",
			),
			"Pictures" => array(
				"A" => "3 pictures",
				"B" => "2 pictures",
				"C" => "1 pictures",
				"D" => "0 pictures",
				"F" => "0 pictures",
			),
		),
		"Design Rubric" => array(
			"Readability" => array(
				"A" => "words",
				"B" => "words",
				"C" => "words",
				"D" => "words",
				"F" => "words",
			),
			"Emphasis" => array(
				"A" => "words",
				"B" => "words",
				"C" => "words",
				"D" => "words",
				"F" => "words",
			),
			"Simplicity" => array(
				"A" => "words",
				"B" => "words",
				"C" => "words",
				"D" => "words",
				"F" => "words",
			),
			"Consistency" => array(
				"A" => "words",
				"B" => "words",
				"C" => "words",
				"D" => "words",
				"F" => "words",
			),
		)
	);
?>

<div class="row">
	<div class="column12">
		<h2>Peer Review # 1</h2>
		<p>Due May 10</p>
	</div>
</div>

<div class="row">
	<div class="column6">
		<img src="" width=550 />
	</div>
	
	<div class="column6">
	
		<?php 
			foreach($rubrics as $rubric_name => $rubric) {
				echo "<h3>$rubric_name</h3><div class='expandable'>";
				foreach ($rubric as $category => $grading) {
				?>
					<div>
						<h3><?php echo $category; ?></h3>
						<div class="unfinished"></div>
					</div>
					<div>
						<div>
							<div class="field_wrapper">
						 		<label>Click on the grade you want to give.</label>
						 	</div>
							<div class="grading">
						 		<?php 
						 		foreach($grading as $grade => $desc) {
									echo "<input type='radio' name='grade_$category' value='$grade' id='$category$grade' style='display: none;' />";
									echo "<label class='grade_block column4' for='$category$grade'><p><span>$grade</span>$desc</p></label>";
								}
						 		?>
						 	</div>
						 	
						 	<div class="field_wrapper">
						 		<label>Why did you choose this grade?</label>
						 		<textarea></textarea>
						 	</div>
						 	<div class="submit_wrapper">
								<input type="submit" class="submit_btn" value="Save" />
							</div>
					 	</div>
					 	
					</div>
				<?php 
				}
				echo "</div><div class='spacer'></div>";
			}	
		?>
	</div>
	
	
	<label for="rad1">click 1</label>
	<input type="radio" name="rad" id="rad1" />
	<label for="rad2">click 2</label>
	<input type="radio" name="rad" id="rad2" />
</div>